<!DOCTYPE html>
<html>
<head>
    <meta charset=" utf-8">
    <meta name="author" content="http://www.softwhy.com/" />
    <title>蚂蚁部落</title>
    <style type="text/css">
        * {
            padding: 0;
            margin: 0;
        }
        .demo {
            list-style: none;
            width: 100%;
            height: 180px;
            text-align: center;
        }
        .juchi_b {
            width:100%;height:20px;background:#41B61A;

            background-image:-webkit-gradient(radial,
            50% 0,0,50% 0 ,17,
            from(transparent), color-stop(.5,transparent),color-stop(.5,#e5e5e5),to(#ffffff)),

            -webkit-gradient(linear,50% 0,100% 100%,from(transparent), color-stop(.5,transparent),color-stop(.5,#e5e5e5),to(#e5e5e5));
            background-image:-moz-linear-gradient(50% 0 -45deg,transparent,transparent 50%,#e5e5e5 50%,#e5e5e5),
            -moz-linear-gradient(50% 0 -135deg,transparent,transparent 50%,#e5e5e5 50%,#e5e5e5);
            background-size:17px 17px;
            background-repeat:repeat-x;
            background-position:0 100%;
        }

        .juchi_t {
            width:100%;height:20px;background:#41B61A;

            background-image:-webkit-gradient(radial,
            50% -40%,0,50% 0 ,17,
            from(transparent), color-stop(.5,transparent),color-stop(.5,#e5e5e5),to(#ffffff)),

            -webkit-gradient(linear,50% 0,100% 100%,from(transparent), color-stop(.5,transparent),color-stop(.5,#e5e5e5),to(#e5e5e5));
            background-image:-moz-linear-gradient(50% 0 -45deg,transparent,transparent 50%,#e5e5e5 50%,#e5e5e5),
            -moz-linear-gradient(50% 0 -135deg,transparent,transparent 50%,#e5e5e5 50%,#e5e5e5);
            background-size:17px 17px;
            background-repeat:repeat-x;
            background-position:0 100%;
        }

    </style>
</head>
<body>
<div class="juchi_t"></div>
<div class="juchi_b"></div>
</body>
</html>